<template>
	<div class="item_box">
		<p class="title_1">裁判文书</p>
		<el-table :data="judgementDoc">
			<el-table-column label="序号" type="index" min-width="50" align="center"/>
			<el-table-column label="案号" prop="caseNo" min-width="170" show-overflow-tooltip align="center"/>
			<el-table-column label="案件类型" prop="caseType" min-width="130" show-overflow-tooltip align="center"/>
			<el-table-column label="法院" prop="court" min-width="170" show-overflow-tooltip align="center"/>
			<el-table-column label="审判结果" prop="judgeresult" min-width="170" show-overflow-tooltip align="center"/>
			<el-table-column label="判决金额" prop="subAmount" min-width="130" show-overflow-tooltip align="center"/>
			<el-table-column label="判决时间" prop="date" min-width="130" show-overflow-tooltip align="center"/>
			<el-table-column label="详情" width="100" align="center">
				<template #default>
					<el-button type="primary" link>详情</el-button>
				</template>
			</el-table-column>
		</el-table>

		<p class="title_1">立案信息</p>
		<el-table :data="register">
			<el-table-column label="序号" type="index" min-width="50" align="center"/>
			<el-table-column label="法院" prop="court" min-width="170" show-overflow-tooltip align="center"/>
			<el-table-column label="地区" prop="region" min-width="170" show-overflow-tooltip align="center"/>
			<el-table-column label="案件状态" prop="caseStatus" min-width="170" show-overflow-tooltip align="center"/>
			<el-table-column label="立案时间" prop="startDate" min-width="170" show-overflow-tooltip align="center"/>
			<el-table-column label="结束时间" prop="endDate" min-width="170" show-overflow-tooltip align="center"/>
			<el-table-column label="开庭日期" prop="hearingDate" min-width="170" show-overflow-tooltip align="center"/>
			<el-table-column label="详情" width="100" align="center">
				<template #default>
					<el-button type="primary" link>详情</el-button>
				</template>
			</el-table-column>
		</el-table>

		<p class="title_1">开庭公告信息</p>
		<el-table :data="sessionNoticeInfo">
			<el-table-column label="序号" type="index" min-width="50" align="center"/>
			<el-table-column label="案件类型" prop="judgeType" min-width="170" show-overflow-tooltip align="center"/>
			<el-table-column label="法院" prop="court" min-width="170" show-overflow-tooltip align="center"/>
			<el-table-column label="地区" prop="region" min-width="170" show-overflow-tooltip align="center"/>
			<el-table-column label="发布日期" prop="releaseTime" min-width="170" show-overflow-tooltip align="center"/>
			<el-table-column label="开庭日期" prop="hearingDate" min-width="170" show-overflow-tooltip align="center"/>
			<el-table-column label="详情" width="100" align="center">
				<template #default>
					<el-button type="primary" link>详情</el-button>
				</template>
			</el-table-column>
		</el-table>

		<p class="title_1">法院公告信息</p>
		<el-table :data="courtNoticeInfo">
			<el-table-column label="序号" type="index" min-width="50" align="center"/>
			<el-table-column label="公告类型" prop="type" min-width="170" show-overflow-tooltip align="center"/>
			<el-table-column label="公告时间" prop="date" min-width="170" show-overflow-tooltip align="center"/>
			<el-table-column label="公告人/法院" prop="court" min-width="170" show-overflow-tooltip align="center"/>
			<el-table-column label="当事人" prop="people" min-width="170" show-overflow-tooltip align="center"/>
			<el-table-column label="案由" prop="caseReason" min-width="170" show-overflow-tooltip align="center"/>
			<el-table-column label="详情" width="100" align="center">
				<template #default>
					<el-button type="primary" link>详情</el-button>
				</template>
			</el-table-column>
		</el-table>

		<p class="title_1">企业失信信息</p>
		<el-table :data="credibilityInfo">
			<el-table-column label="序号" type="index" min-width="50" align="center"/>
			<el-table-column label="当事人类型" prop="type" min-width="170" show-overflow-tooltip align="center"/>
			<el-table-column label="当事人名称" prop="name" min-width="170" show-overflow-tooltip align="center"/>
			<el-table-column label="性别" prop="sex" min-width="170" show-overflow-tooltip align="center"/>
			<el-table-column label="年龄" prop="age" min-width="170" show-overflow-tooltip align="center"/>
			<el-table-column label="法定代表人" prop="operName" min-width="170" show-overflow-tooltip align="center"/>
			<el-table-column label="发布时间" prop="publishDate" min-width="170" show-overflow-tooltip align="center"/>
			<el-table-column label="详情" width="100" align="center">
				<template #default>
					<el-button type="primary" link>详情</el-button>
				</template>
			</el-table-column>
		</el-table>

		<p class="title_1">司法拍卖</p>
		<el-table :data="judicialSale">
			<el-table-column label="序号" type="index" min-width="50" align="center"/>
			<el-table-column label="拍品类别" prop="category" min-width="170" show-overflow-tooltip align="center"/>
			<el-table-column label="拍品名称" prop="fullName" min-width="170" show-overflow-tooltip align="center"/>
			<el-table-column label="项目名称" prop="name" min-width="170" show-overflow-tooltip align="center"/>
			<el-table-column label="发布日期" prop="pubDate" min-width="170" show-overflow-tooltip align="center"/>
			<el-table-column label="拍卖日期" prop="date" min-width="170" show-overflow-tooltip align="center"/>
			<el-table-column label="成交日期" prop="transactionDate" min-width="170" show-overflow-tooltip align="center"/>
			<el-table-column label="成交结果" prop="result" min-width="170" show-overflow-tooltip align="center"/>
			<el-table-column label="详情" width="100" align="center">
				<template #default>
					<el-button type="primary" link>详情</el-button>
				</template>
			</el-table-column>
		</el-table>
	</div>
</template>

<script setup>
import { reactive } from 'vue';

const judgementDoc = reactive([
	{
		caseNo: '123456',
		caseType: '民事案件',
		court: '法院',
		judgeresult: '判决结果',
		subAmount: '10000',
		date: '2023-01-01'
	}
])

const register = reactive([
	{
		court: '法院',
		region: '地区',
		caseStatus: '立案状态',
		startDate: '2023-01-01',
		endDate: '2023-01-01',
		hearingDate: '2023-01-01'
	}
])

const sessionNoticeInfo = reactive([
	{
		judgeType: '民事案件',
		court: '法院',
		region: '地区',
		releaseTime: '2023-01-01',
		hearingDate: '2023-01-01'
	}
])

const courtNoticeInfo = reactive([
	{
		type: '法院公告',
		date: '2023-01-01',
		court: '法院',
		people: '当事人',
		caseReason: '案由'
	}
])

const credibilityInfo = reactive([
	{
		type: '企业失信',
		name: '当事人名称',
		sex: '男',
		age: '30',
		operName: '法定代表人',
		publishDate: '2023-01-01'
	}
])

const judicialSale = reactive([
	{
		category: '拍品类别',
		fullName: '拍品名称',
		name: '项目名称',
		pubDate: '2023-01-01',
		date: '2023-01-01',
		transactionDate: '2023-01-01',
		result: '已拍卖',
	}
])

</script>

<style lang="scss" scoped>
</style>